<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理页面</title>
</head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<style>
    main {
        padding: 10px;
    }

    .div_main {
        background: #fafafa;
        margin: 0 20%;
    }
    .grid{
        padding: 20px 0;
        border-bottom: 1px solid #dbedf3;
    }

    .tit0 {
        font-size: 20px;
        color: #8a1253;
    }

    .tit1 {
        color: #e8751a;
        text-decoration: none;
    }

</style>
<body>
<header>
    <div>
        <!--        查询-->
        <nav class="navbar navbar-expand-lg bg-body-tertiary">
            <div class="container-fluid">
                <a class="navbar-brand" href="#">管理页面</a>
                <a href="" style="text-decoration:none;">添加新学生</a>
                <div id="navbarSupportedContent">
                    <form action="find.jsp" method="get" class="d-flex" role="search">
                        <input class="form-control me-2" name="name" type="search" placeholder="请输入姓名" aria-label="Search">
                        <button class="btn btn-outline-success" type="submit" style="width: 80px">查找</button>
                    </form>
                </div>
            </div>
        </nav>
    </div>
    <div>
        <!--        新增-->
    </div>
</header>
<main>
    <div class="div_main text-center">
        <div class="grid">
            <div class="row">
                <div class="tit0 col">No.</div>
                <div class="tit0 col">Name</div>
                <div class="tit0 col">Age</div>
                <div class="tit0 col">Sex</div>
                <div class="tit0 col">Birthday</div>
                <div class="tit0 col"></div>
                <div class="tit0 col"></div>
            </div>
        </div>
        <div class="grid">
            <div class="row">
                <div class="tit col">1</div>
                <div class="tit col">Tom</div>
                <div class="tit col">18</div>
                <div class="tit col">男</div>
                <div class="tit col">8.12</div>
                <div class="col"><a href="" class="tit1">修改</a></div>
                <div class="col"><a href="" class="tit1">删除</a></div>
            </div>
        </div>

        <div class="grid">
            <div class="row">
                <div class="tit col">1</div>
                <div class="tit col">Tom</div>
                <div class="tit col">18</div>
                <div class="tit col">男</div>
                <div class="tit col">8.12</div>
                <div class="tit col"><a href="" class="tit1">修改</a></div>
                <div class="tit col"><a href="" class="tit1">删除</a></div>
            </div>
        </div>

        <div class="grid">
            <div class="row">
                <div class="tit col">1</div>
                <div class="tit col">Tom</div>
                <div class="tit col">18</div>
                <div class="tit col">男</div>
                <div class="tit col">8.12</div>
                <div class="col"><a href="" class="tit1">修改</a></div>
                <div class="col"><a href="" class="tit1">删除</a></div>
            </div>
        </div>

        <div class="grid">
            <div class="row">
                <div class="tit col">1</div>
                <div class="tit col">Tom</div>
                <div class="tit col">18</div>
                <div class="tit col">男</div>
                <div class="tit col">8.12</div>
                <div class="col"><a href="" class="tit1">修改</a></div>
                <div class="col"><a href="" class="tit1">删除</a></div>
            </div>
        </div>

        <div class="grid">
            <div class="row">
                <div class="tit col">1</div>
                <div class="tit col">Tom</div>
                <div class="tit col">18</div>
                <div class="tit col">男</div>
                <div class="tit col">8.12</div>
                <div class="col"><a href="" class="tit1">修改</a></div>
                <div class="col"><a href="" class="tit1">删除</a></div>
            </div>
        </div>

        <div class="grid">
            <div class="row">
                <div class="tit col">1</div>
                <div class="tit col">Tom</div>
                <div class="tit col">18</div>
                <div class="tit col">男</div>
                <div class="tit col">8.12</div>
                <div class="col"><a href="" class="tit1">修改</a></div>
                <div class="col"><a href="" class="tit1">删除</a></div>
            </div>
        </div>

    </div>
</main>


</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-/mhDoLbDldZc3qpsJHpLogda//BVZbgYuw6kof4u2FrCedxOtgRZDTHgHUhOCVim"
        crossorigin="anonymous"></script>
</html>